﻿@color333: #333333;
@color666: #666666;
@colorFFF: #ffffff;

.bk666
{
  background-color: @color666;
}

.pad-top-bot-10
{
  padding-top: 10px;
  padding-bottom: 10px;
}

/* BOOTSTRAP 3 OVERRIDES */

.alert {
  margin-bottom: 10px;
  padding: 10px;
}

.navbar
{
  min-height: 40px;
}

.navbar-fixed-top
{
  left: 1%;
  margin: 0 auto;
  right: 1%;
  width: 970px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;

  .navbar-collapse
  {
    filter: 0;
    border-color: @color666;
  }

  .navbar-brand
  {
    .pad-top-bot-10();
    color: @colorFFF;
  }

  .dropdown-menu
  {
    background-color: @color333;
    color: #ffffff;
    margin: 5px 0 0;

    > li
    {
      > a
      {
        color: inherit;
        padding-top: 5px;
        padding-bottom: 5px;
      }
    }
  }

  .nav
  {
    .active
    {
      > a
      {
        .bk666();

        &:focus,
        &:hover
        {
          .bk666();
        }
      }
    }

    a
    {
      .pad-top-bot-10();
    }

    li.dropdown.open,
    li.dropdown.active,
    li.dropdown.open.active
    {
      > .dropdown-toggle
      {
        .bk666();
      }
    }
  }
}

.nav.nav-pills,
.nav.nav-tabs
{
  margin-bottom: 20px;
}

.nav-tabs,
.nav-pills
{
  > li
  {
    padding-left: 3px;
    padding-right: 3px;

    > a
    {
      padding: 6px 15px;
    }
  }
}

.row
{
  [class*="col"]
  {
    min-height: 30px;
  }
}

.well
{
  padding: 10px;
}

h4
{
  border-bottom: 1px solid #333333;
  padding-bottom: 5px;
}

/* DEFAULT STYLES */

.main
{
  margin-top: 20px;
}

.download-btn
{
  margin-top: 3px;
  margin-right: 15px;
}

.documentation-affix
{
  background-color: #1B1B1B;
  background-image: linear-gradient(to bottom, #111111, #222222);
  background-repeat: repeat-x;
  padding: 2px 10px;
}
